<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>list</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/list.css">

    <script src="/lib/require/require.js" data-main="/js/list"></script>
</head>
<body>
    <!-- header -->
    <header></header>

    
    <!-- 位置 -->
    <div class="subnav-mark wrap">
        <a href="">Yuki动漫</a>
        <span> &gt; </span>
        <a href="">Yuki原创T恤保卫星球男女卡通情侣</a>
    </div>


    <!-- content -->
    <div class="list-content wrap">
        <!-- 导航 -->
        <div class="list-submuen">
            <div class="list-submuen-item">
                <span>分类：</span>
                <div class="list-submuen-item-icons">
                    <a href="javascript:void(0);" class="active">全部</a>
                    <a href="javascript:void(0);">服装</a>
                    <a href="javascript:void(0);">香水</a>
                    <a href="javascript:void(0);">日用百货</a>
                    <a href="javascript:void(0);">然后再</a>
                    <a href="javascript:void(0);">空文件夹</a>
                    <a href="javascript:void(0);">命令</a>
                    <a href="javascript:void(0);">行工具里</a>
                    <a href="javascript:void(0);">到文</a>
                    <a href="javascript:void(0);">童鞋</a>
                </div>
            </div>
            <div class="list-submuen-item">
                <span>品牌：</span>
                <div class="list-submuen-item-icons">
                    <a href="javascript:void(0);" class="active">全部</a>
                    <a href="javascript:void(0);">在文件夹</a>
                    <a href="javascript:void(0);">里直</a>
                    <a href="javascript:void(0);">接右键</a>
                    <a href="javascript:void(0);">开发的</a>
                    <a href="javascript:void(0);">新建</a>
                    <a href="javascript:void(0);">首先</a>
                    <a href="javascript:void(0);">用来项</a>
                    <a href="javascript:void(0);">一个目</a>
                    <a href="javascript:void(0);">件夹中</a>
                    <a href="javascript:void(0);">有git的</a>
                    <a href="javascript:void(0);">其他</a>
                </div>
            </div>
        </div>
        <!-- 筛选条件 -->
        <div class="screen">
            <div class="screen-p fl">排序：</div>
            <div class="screen-r fl ">人气</div>
            <div class="screen-pr fl screen-default">价格</div>
            <div class="screen-pric fl">
                <span class="sc-n">价格区间：</span>
                <form action="">
                    <label class="frist" for="">
                        <input class="min_price" type="text">
                        <i>￥</i>
                    </label>
                    <span>-</span>
                    <label class="last" for="">
                        <input class="max_price" type="text">
                        <i>￥</i>
                    </label>
                    <a class="last-submit" href="javascript:void(0);">确定</a>
                </form>
            </div>
            <div class="screen-cond">
                <span>你筛选的条件是：</span>
                <div class="cond_con"></div>
                <!-- <mark>生活<a href="javascript:void(0);">x</a></mark> -->
            </div>
        </div>
        <!-- 列表内容 -->
        <div class="list-box">

        </div>
    </div>

        <!-- 猜你喜欢 -->
        <div class="cart-recommending wrap">
            <h3 class="cart-recommending-title">猜你喜欢</h3>
            <ul class="cart-recommending-list">
                
            </ul>
        </div>


    <!-- footer -->
    <footer></footer>

<!-- art-template模板数据渲染 -->
    <!-- list列表内容渲染 -->
    <script type="text/html" id="listMain">
        {{each listItem curr}}
        <div class="list-box-item">
            <a href="/html/detaile.html?id={{curr.id}}">
                <img src="{{curr.imgUrl}}" alt="">
                <p class="ellipsis">{{curr.tpis}}</p>
                <p class="list-box-item-price">￥<span>{{curr.price}}</span></p>
            </a>
        </div>
        {{/each}}
    </script>

    <!-- 猜你喜欢 -->
    <script type="text/html" id="link_product">
        {{each linkProductArr item}}
        <li>
            <img src="{{item.imgUrl}}" alt="">
            <p class="cart-tpis ellipsis">{{item.tpis}}</p>
            <p>
                <span class="new-price">￥{{item.newPrice}}</span>
                <span class="old-price">￥{{item.oldPrice}}</span>
            </p>
        </li>
        {{/each}}
    </script>

</body>
</html>